<template>
    <footer class="footer">
        <div class="footer1">
            <div class="footer1-ul fl">


                <li v-for="item in nav_list" >
                    <h5><a :href="'/yyjk/category/'+ item.id">{{ item.title }}</a></h5>

                    <a v-for="child in item.children" 
                        :href="'/yyjk/category/'+ child.id">{{ child.title }}</a>

                </li>

            </div>
            <div class="footer1-r fr">

                <div class="footer1-r-con">
                    <span>关注熠远精科</span>
                    <ul>
                        <li style="width:auto">
                            <img style="width:97px" :src="vite_url + '/storage/' + settings.wechat.src" alt="" />

                            <p>仪海仪家小程序</p>
                        </li>
                        <li style="width:auto">
                            <img style="width:97px" :src="vite_url + '/storage/' + settings.taobao.src" alt="" />
                            <p>淘宝商城</p>
                        </li>
                    </ul>
                </div>
                <h5>全国客服热线：<i>{{ settings.tel.value }}</i></h5>


            </div>
        </div>
        <div class="footer2 index-w">

            <div class="footer2-c copyright">
                <span>copyright © 2023 青岛熠远精科仪器有限公司https://www.qd-ian.com</span>
                <span>备案号：<a href="https://beian.miit.gov.cn/" target="_blank">鲁ICP备2023007393号-1</a></span>
                <span  style="display: flex;justify-content: center; align-items: center;">
                <img style="width:16px" alt="" src="../../../assets/logo.gongan.png">
                    鲁公网安备37021402002318号
            </span>
            </div>
        </div>
    </footer>
</template>

<script lang="ts" setup>

import { ref } from 'vue'
import axios from 'axios';
const vite_url: string = window.VITE_URL

const settings: any = ref<object>()
const nav_list: any = ref<Array<object>>()
const get_setting = () => {


    const url = vite_url + '/yyjk/setting';

    // console.log(url,data)
    axios.get(url).then((res: any) => {

        settings.value = res.data


    });

}
get_setting();

const get_bottom_nav = () => {

    const url = vite_url + '/cms/bottom_nav';
    axios.get(url).then((res: any) => {

        nav_list.value = res.data

    });
}
get_bottom_nav();
</script>